<!-- 加载动画 -->
<div class="spiner-example">
    <div class="sk-spinner sk-spinner-three-bounce">
        <div class="sk-bounce1"></div>
        <div class="sk-bounce2"></div>
        <div class="sk-bounce3"></div>
    </div>
</div>

<script type="text/javascript">
    //laypage分页
    Ajaxpage();

    function Ajaxpage(curr){
        var page = curr || 1;
        var data = $('form[name="admin_list_sea"]').serialize()+"&page="+page;//表单搜索key 页码

        $.getJSON('/{$app}',data,
            function(data){
            $(".spiner-example").css('display','none'); //数据加载完关闭动画

            if(data=='')
            {
                $("#list-content").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
                $('#allpage').html('');
                $('#AjaxPage').html('');
                $('#listcount').text(0);//总记录数
            }
            else
            {
                $("#list-content").html(data);//列表内容

                //laypage的分页参数
                laypage({
                    cont: $('#AjaxPage'),//容器。值支持id名、原生dom对象，jquery对象,
                    pages: $('#allpagecount').val(),//总页数
                    skip: true,//是否开启跳页
                    skin: '#1AB5B7',//分页组件颜色
                    curr: curr || 1,
                    groups: 3,//连续显示分页数
                    jump: function(obj, first){
                        //obj（当前分页的所有选项值）、first（是否首次，一般用于初始加载的判断）
                        //首次不执行
                        if(!first){
                            Ajaxpage(obj.curr) //obj.curr当前点击页码
                        }
                        $('#allpage').html('第'+ obj.curr +'页，共'+ obj.pages +'页');
                        $('#listcount').text($('#count').val());//总记录数
                    }
                });
            }
        });
    }
</script>